<template>
  <div class="container mx-auto pt-12 pb-5">
    <ContentWrap title="产业快讯">
      <template #subtitle>
        <div class="flex justify-center relative">
          <span class="text-sm text-index-desc">最全最新的投资机构信息，全覆盖</span>
          <div class="absolute right-0">
            <ReadMore></ReadMore>
          </div>
        </div>
      </template>
      <template #default>
        <div class="grid grid-cols-2 grid-rows-2 gap-x-12">
          <div
            v-for="i in 4"
            :key="i"
            class="pt-6 pb-5"
            :class="i === 1 || i === 2 ? 'border-b border-solid border-[#E0E4ED]' : ''"
          >
            <div>
              <div class="text-index-desc text-xs mb-5">发布时间：2021-12-10 15:14:34</div>
              <div class="text-xl text-main-title mb-5">产业创新中心江北新区智能制造</div>
              <div class="text-index-desc text-sm mb-2">
                创新推动发展，创业孕育新机创新推动发展，创业孕育新机创新推动发展，创业孕育新机创新推动发展创业孕育新机创新推动发展，创业孕育新机创业孕育新机创新推动发展…
              </div>
              <div>
                <nuxt-link class="text-primary" to="/">查看更多</nuxt-link>
              </div>
            </div>
          </div>
        </div>
      </template>
    </ContentWrap>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import ContentWrap from './ContentWrap.vue'
import ReadMore from './ReadMore.vue'
export default Vue.extend({
  components: { ContentWrap, ReadMore },
})
</script>

<style></style>
